/*
  @author hcao
  @date 2017/05/08
  @description 样式文件
 */
* {
  padding: 0;
  margin: 0;
}
html body {
  font-family: "微软雅黑";
  font-size: 14px;
}
.index {
  background-color: #1a1926;
}
.part_one {
  background: url(../img/m_index_title.jpg) center center no-repeat;
  background-size: contain;
  height: 23.5rem;
  text-align: center;
  color: #e0b575;
}
.part_one .logo {
  text-align: left;
  padding-top: 0.6667rem;
  padding-left: 1.3333rem;
}
.part_one .logo img {
  width: 4rem;
}
.part_one .time {
  padding-top: 11.4rem;
  font-size: 1rem;
}
.part_one .desc {
  font-size: 1rem;
  width: 88%;
  margin: 0.7rem auto;
  border: 2px solid #f3c47d;
  background-color: #272532;
  text-align: left;
  padding: 0.5rem 1rem;
}
.baoming {
  background-color: #222130;
  text-align: center;
  margin-bottom: 1rem;
}
.baoming a {
  display: inline-block;
  margin: 1.333rem 0;
  color: #fff;
  text-decoration: none;
  width: 95%;
  height: 3rem;
  background-color: #f0a21a;
  border-radius: 4px;
  font-size: 1.5rem;
  line-height: 3rem;
  box-shadow: 0px -2px 0px #d28601 inset;
}
.search {
  border: 1px solid #e90a62;
  margin: 0 auto;
  height: 2.93333rem;
  background-color: #ffffff;
  width: 95%;
  overflow: hidden;
  margin-bottom: 1rem;
}
.search .key_word {
  font-size: 1rem;
  height: 100%;
  border: none;
  width: 72%;
  padding-left: 1%;
  outline: none;
}
.search .key_word::-webkit-input-placeholder {
  color: #e90a62;
}
.search .key_word::-moz-placeholder {
  color: #e90a62;
}
.search .key_word:-ms-input-placeholder {
  color: #e90a62;
}
.search .search_btn {
  background-color: #e90a62;
  color: #ffffff;
  border: none;
  height: 100%;
  width: 23.943%;
  float: right;
  font-size: 1rem;
  outline: none;
}
.part_two {
  margin-bottom: 4.5rem;
}
.part_two .btns {
  padding: 0 0.5rem;
}
.part_two .btns .btns_1 {
  margin-right: 0.6rem;
}
.part_two .btns p {
  color: #FFFFFF;
  background-color: #f0a21a;
  display: inline-block;
  width: 11.3333rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  border-radius: 3px;
  box-shadow: 0px -2px 0px #d28601 inset;
}
.part_two .person_list {
  margin: 0 auto;
  width: 95%;
}
.part_two .person_list .item {
  background-color: #fcf4ea;
  margin-bottom: 1.5rem;
  list-style: none;
}
.part_two .person_list .item .person_page {
  padding-top: 0.7rem;
  border-bottom: 4px solid #1b1926;
}
.part_two .person_list .item .person_page .left {
  font-size: 1rem;
}
.part_two .person_list .item .person_page .left .name {
  font-size: 1.1rem;
}
.part_two .person_list .item .person_page .left .now {
  color: #df7c07;
}
.part_two .person_list .item .person_page .right .num_zhan {
  font-size: 1.1rem;
  color: #ee623e;
}
.part_two .person_list .person_img {
  padding: 1rem;
  overflow: hidden;
  position: relative;
  height: 13.333rem;
}
.part_two .person_list .person_img .per_person {
  width: 10rem;
  height: 13.333rem;
}
.part_two .person_list .person_img .vs_img {
  position: absolute;
  top: 50%;
  margin-top: -2.4rem;
  margin-left: -0.7rem;
  width: 3rem;
  z-index: 1993;
}
.part_two .person_list .person_img .pull_left {
  float: left;
}
.part_two .person_list .person_img .pull_right {
  float: right;
}
.part_two .person_list .description {
  padding: 0 0.5rem 1rem;
  overflow: hidden;
  line-height: 1.7;
  font-size: 1rem;
  color: #333333;
}
.part_two .person_list .description .left {
  float: left;
}
.part_two .person_list .description .left .name {
  color: #df7c07;
  font-size: 1.23rem;
}
.part_two .person_list .description .left .job {
  display: inline-block;
  padding-left: 1rem;
}
.part_two .person_list .description .right {
  float: right;
  text-align: center;
}
.part_two .person_list .description .right .num_zhan {
  margin-bottom: 5px;
  color: #808080;
  font-size: 1.2rem;
}
.part_two .person_list .description .right .dianzhan {
  width: 1.3333rem;
  position: relative;
  top: 2px;
  padding-right: 4px;
}
.part_two .person_list .description .right .num_zhan_has {
  color: #ee623e;
}
.part_two .person_list .description .right .dianzhan_btn {
  background-color: #ee623e;
  color: #FFFFFF;
  width: 7.7rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 3px;
}
.part_two .person_list .description .right .dianzhan_btn_has {
  background-color: #bbbbbb;
}
.uplode_form {
  color: #666666;
  margin-top: 1.5rem;
  text-align: center;
  width: 95%;
  background-color: #FFFFFF;
  margin: 0 auto;
  border-radius: 4px;
  margin-bottom: 4.5rem;
}
.uplode_form li {
  list-style: none;
  padding: 0 0.7rem;
  text-align: left;
  color: #666666;
  overflow: hidden;
}
.uplode_form li input {
  height: 2.66667rem;
  width: 15.33333rem;
  float: right;
}
.uplode_form li span {
  color: #ed1e1e;
}
.uplode_form li .form_title {
  display: inline-block;
  line-height: 2.66667rem;
  font-size: 1.1rem;
}
.uplode_form li .err_massage {
  visibility: hidden;
  text-align: right;
  margin-top: 5px;
  font-size: 0.9rem;
  color: red;
}
.uplode_form li .err_massage img {
  position: relative;
  top: 2px;
  width: 1rem;
  padding-right: 3px;
}
.uplode_form .title {
  color: #FFFFFF;
  height: 2.7rem;
  line-height: 2.2rem;
  font-size: 1.3rem;
  background: url(../img/tip_bg.png) center -0.5rem no-repeat;
  background-size: contain;
}
.uplode_form .uplode_img {
  padding: 0.7rem;
  overflow: hidden;
}
.uplode_form .uplode_img .imgbox {
  width: 10rem;
  border: 1px solid #b2b2b2;
  height: 13.3333rem;
}
.uplode_form .uplode_img .imgbox .add_beform {
  font-size: 1.2rem;
  color: #a6a6a6;
  text-align: center;
}
.uplode_form .uplode_img .imgbox .addimg {
  width: 5.3333rem;
  height: 5.3333rem;
  background: url(../img/addimg.png) center center no-repeat;
  background-size: contain;
  margin: 3rem auto 1rem;
}
.uplode_form .uplode_img .imgbox .addimg_1 {
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  outline: none;
}
.uplode_form .uplode_img .imgbox .has_img {
  position: relative;
  top: -11rem;
  left: 0;
  width: 100%;
  background: #FFFFFF;
}
.uplode_form .uplode_img .imgbox .has_img img {
  width: 100%;
}
.uplode_form .uplode_img .imgbox .has_img .delete_img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: black;
  width: 100%;
  opacity: 0.75;
  height: 2.2rem;
  color: #FFFFFF;
  line-height: 1.9rem;
  font-size: 1rem;
  text-align: center;
}
.uplode_form .uplode_img .imgbox .has {
  height: 100%;
}
.uplode_form .uplode_img .left {
  float: left;
  overflow: hidden;
}
.uplode_form .uplode_img .right {
  float: right;
  overflow: hidden;
}
.uplode_form .uplode_img .hint {
  width: 100%;
  text-align: left;
  float: left;
  margin-top: 10px;
  color: #a6a6a6;
}
.uplode_form input {
  border: 1px solid #8d8d8d;
  background-color: #f8f8f8;
  border-radius: 2px;
}
.uplode_form .submit_btn {
  outline: none;
  border: none;
  background-color: #f0a21a;
  width: 95%;
  height: 3rem;
  line-height: 3rem;
  color: #FFFFFF;
  font-size: 1.5rem;
  border-radius: 3px;
  margin: 1rem auto 1.6rem;
  box-shadow: 0px -2px 0px #d28601 inset;
}
.rule {
  background-color: #FFFFFF;
  text-align: center;
  width: 91%;
  margin: 0 auto;
  border-radius: 3px;
  padding: 1rem 0.5rem;
  margin-bottom: 4.5rem;
  color: #333333;
  line-height: 2;
}
.rule .title {
  color: #333333;
  background: url(../img/line_2.png) center center no-repeat;
  background-size: contain;
  font-size: 1.2rem;
  margin: 0.8rem 0;
}
.rule .font {
  text-align: left;
  margin-bottom: 2rem;
}
.rule .font span {
  color: #f39d52;
  font-size: 1.1rem;
  font-style: italic;
}
.rule .font_two {
  text-align: left;
  color: #333333;
}
.rule .font_two p span {
  color: #939393;
}
.ranking_list .title_subheading {
  padding: 0.5rem 0;
}
.ranking_list .ranking_box {
  padding: 0.5rem;
}
.ranking_list .ranking_box .ranking_title {
  background-color: #f46643;
  width: 100%;
}
.ranking_list .ranking_box .ranking_title ul {
  overflow: hidden;
  width: 100%;
}
.ranking_list .ranking_box .ranking_title ul li {
  padding: 0;
  text-align: center;
  float: left;
  height: 2.466667rem;
  line-height: 2.47rem;
  width: 25%;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ranking_list .ranking_box .ranking_item li {
  padding: 0;
  color: #333333;
  text-align: center;
  height: 2.466667rem;
  line-height: 2.47rem;
  overflow: hidden;
}
.ranking_list .ranking_box .ranking_item li span {
  color: #333333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 24%;
  margin-right: 1%;
}
.ranking_list .ranking_box .ranking_item li:nth-child(2n) {
  background-color: #fbf5ee;
}
.err_border {
  border: 1px solid red !important;
}
.nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.3rem;
  padding-top: 5px;
  color: #929292;
  background-color: #f6f6f6;
  z-index: 1993407;
  border-top: 1px solid #b2b2b2;
}
.nav ul {
  font-size: 0.9rem;
}
.nav ul li {
  line-height: none;
  list-style: none;
  display: inline-block;
  width: 24%;
  text-align: center;
}
.nav ul li img {
  width: 1.7rem;
}
.nav ul li .small {
  width: 1.37rem;
}
.nav ul .activity {
  color: #df7c07;
}
.background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.6;
  z-index: 1993407;
}
.pop_up {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1993408;
}
.pop_up .wrap_success {
  margin: 14rem auto 0rem;
  width: 19.2rem;
  background-color: #ee623e;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 1rem;
}
.pop_up .wrap_success .title {
  font-size: 1.5rem;
}
.pop_up .wrap_success .title img {
  width: 1.73333rem;
  padding-right: 5px;
  position: relative;
  top: 0.3rem;
}
.pop_up .wrap_success .font {
  padding: 1rem 0.5rem;
  line-height: 1.6;
}
.pop_up .wrap_success .btns {
  border-top: 1px solid black;
  font-size: 1.2rem;
}
.pop_up .wrap_success .btns p {
  display: inline-block;
  width: 48%;
  height: 3rem;
  line-height: 3rem;
}
.pop_up .wrap_success .btns .sure {
  border-right: 1px solid black;
}
.wrap_share {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1993408;
  text-align: right;
}
.wrap_share img {
  padding: 1rem 2rem 0 0;
  width: 16rem;
}
.go_top {
  display: none;
  position: fixed;
  right: 1rem;
  bottom: 3.8rem;
  background: url(../img/to_top.png) center center no-repeat;
  background-size: contain;
  height: 2.733333rem;
  width: 2.733333rem;
}
